.navli {
  padding: 0.4rem /* 20/50 */ 0.4rem /* 20/50 */;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ccc;
  position: relative;
  background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#ebebeb));
}
.navli ul {
  overflow: hidden;
}
.navli ul li {
  float: left;
  margin-right: 0.2rem /* 10/50 */;
}
.navli ul li a {
  font-size: 0.5rem /* 25/50 */;
  color: #000000;
}
.hot {
  background-color: #fff;
  padding: 0.4rem /* 20/50 */ 0.2rem /* 10/50 */;
}
.hot .hot-box {
  padding: 0.4rem /* 20/50 */;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
}
.hot .hot-box p {
  font-size: 0.6rem /* 30/50 */;
  color: #874604;
}
.main-nav {
  border: 1px solid #ccc;
  border-radius: 0.2rem /* 10/50 */;
}
.main-nav .main-navbox li {
  border-bottom: 1px solid #ccc;
  padding: 0.4rem /* 20/50 */ 0.4rem /* 20/50 */ 0.4rem /* 20/50 */ 0.6rem /* 30/50 */;
}
.main-nav .main-navbox li p {
  font-size: 0.6rem /* 30/50 */;
  font-weight: 700;
  color: #000000;
}
.main-nav .main-navbox li i {
  font-size: 0.6rem /* 30/50 */;
  margin-top: 0.2rem /* 10/50 */;
}
.good {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.good .good-box {
  padding: 0.4rem /* 20/50 */;
}
.good .good-box p {
  font-size: 0.6rem /* 30/50 */;
  color: #874604;
}
.pro-nav {
  background-color: #fff;
}
.pro-nav .pro-navbox li {
  padding: 0.4rem /* 20/50 */;
  overflow: hidden;
  border-bottom: 1px solid #ccc;
}
.pro-nav .pro-navbox li a .top {
  margin-right: 0.4rem /* 20/50 */;
  padding: 0.1rem /* 5/50 */;
  background-color: red;
  color: #fff;
  font-weight: 700;
  font-size: 0.5rem /* 25/50 */;
}
.pro-nav .pro-navbox li a .p-one {
  font-size: 0.6rem /* 30/50 */;
  color: #000000;
  margin-top: -0.1rem /* 5/50 */;
}
.pro-nav .pro-navbox li a .p-two {
  font-size: 0.5rem /* 25/50 */;
  color: #999;
  margin-top: 0.2rem /* 10/50 */;
}
